<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>博客后台登录</title>
<link rel="stylesheet" href="bs/css/bootstrap.css">
<script src="bs/js/jquery-3.3.1.min.js"></script>
<script src="bs/js/bootstrap.min.js"></script>
<style>
.container {
	height: 300px;
	width: 1280px !important;
	max-width: none !important;
}

.row {
	margin-bottom: 15px;
}

.login {
	position: absolute;
	top: 100px;
	left: 350px;
}

.all {
	margin-top: 100px;
	margin-left: 100px;
}

body {
	font-size: 18px;
	background-image: url("bs/image/rain2.gif");
	background-repeat: no-repeat;
	background-size: 100%;
}
</style>
</head>
<body>
<div class="container">
</div>
	<%
		//销毁session
		session.invalidate();
	%>
	<div class="container">
		<!--提示弹窗-->
		<div style="position: relative; top: 10%; display: none;" class="alt">
			<c:if test="${!empty errmsg}">
				<div class="alert alert-danger" role="alert">${errmsg}</div>
			</c:if>
		</div>

		<div class="all col-xs-12">
			
			<div class="login col-md-3">
				<form action="/checklogin" method="post"
					enctype="application/x-www-form-urlencoded">
					<div class="form-group">
						<label for="">用户名:</label> <input type="text" class="form-control"
							placeholder="username" name="username" required="required">
					</div>
					<div class="form-group" id="">
						<label for="">密码:</label> <input type="password"
							class="form-control" required="required" placeholder="password"
							name="password">
					</div>
					<div class="form-group">
						<button type="submit" class="btn btn-danger" >OK</button>
						<button type="reset" class="btn">Cancel</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
<script>
	$(function () {
		$(':submit').click(function(){
			 $('.alt').show();
		})
	})
</script>
</html>